<h:panelGroup xmlns:h='http://java.sun.com/jsf/html'
              xmlns:p='http://primefaces.org/ui'
              xmlns:z='http://savanti.com.bo/ui'
              xmlns:s='http://savanti.com.bo/ui-simple'
              xmlns:x='http://java.sun.com/jsf/composite/ui/component' styleClass='ITFactura' id='ITFactura'><p:growl id='growl'/>

<z:beanMenubar bean='#{ITFactura}' title='FACTURA' dateIni='#{ITFactura.dateIni}' dateEnd='#{ITFactura.dateEnd}'/>


<h:panelGrid columns='2' width='100%' rendered='#{ITFactura.form}'>

<h:panelGrid id='bean' columns='1' styleClass='bean align-top'>

  <x:beanPanel id='hd' bean='#{ITFactura}' title="#{ITFactura.entity.cliente.persona.nombre}." cellpadding='6' columns='1' >

  <h:panelGroup rendered='#{ITFactura.report == null}'>

    <h:panelGrid columns='2' style='width:800px'>

    <x:fieldT t='CI / NIT'  v='#{ITFactura.nit}'          w='150px'/>

    <x:fieldD t='Fecha'     v='#{ITFactura.entity.fecha}' w='70px'/>

    <x:fieldT t='Nombre'    v='#{ITFactura.razon}'        w='150px'/>

    <x:fieldA b='#{ITFactura}' t='Venta' v='#{ITFactura.ventaId}' w='70px' l='detailAdd'/>

    </h:panelGrid>


    <x:materialTable bean='#{ITFactura}' ls='#{ITFactura.entity.lsVentaDetalle}' edit='false' image='false'>

    <s:columnT t='Venta'  v='#{x.venta.id}'        w='55px'/>

    <s:columnT t='Codigo' v='#{x.material.codigo}' w='55px'/>

    <s:columnT t='Nombre' v='#{x.material.nombre}'/>

    <s:columnN t='Cant'   v='#{x.cantidad}'  w='55px'/>

    <s:columnN t='Pre.'   v='#{x.precio}'    w='55px'/>

    <s:columnN t='Imp.'   v='#{x.importe}'   w='55px'/>

    <s:columnN t='Desc'   v='#{x.descuento}' w='55px'/>

    <s:columnN t='Total'  v='#{x.total}'     w='55px'/>

    </x:materialTable>


    <x:fieldN t='Total' v='#{ITFactura.entity.total}' w='150px' rendered='#{not empty ITFactura.entity.lsVentaDetalle}'/>

  </h:panelGroup>


  <h:panelGroup rendered='#{ITFactura.report != null}'>

    <h:panelGroup>

    <p:commandButton icon='ui-icon-print' title='Imprimir' update='@(.ITFactura)' process='@this @(.ITFactura)' style='border:none'><p:printer target='report'/></p:commandButton>

    <p:commandButton icon='ui-icon-trash' title='Limpiar Impresora' update='@(.ITFactura)' actionListener='#{ITFactura.uiCleanPrint}' style='border:none;float:right'/>

    </h:panelGroup>


    <h:panelGrid id='report'>

    <h:panelGrid  style='text-align:center;white-space:pre;font-size:12px;font-family:Consolas' rendered='#{ITFactura.report != null}'>

    <h:outputText value='#{ITFactura.report}'/>

    <p:barcode value='#{ITFactura.barcode}' type='qr' width='200' height='200'/>

    <h:outputText value='ESTA FACTURA CONTRIBUYE AL DESARROLLO'/>

    <h:outputText value='DEL PAIS. EL USO ILICITO DE ESTA SERA'/>

    <h:outputText value='SANCIONADO DE ACUERDO A LEY'/>

    </h:panelGrid>

    </h:panelGrid>

  </h:panelGroup>

  </x:beanPanel>

</h:panelGrid>

</h:panelGrid>


<p:dataTable value='#{ITFactura.lsEntity}' var='x' paginator='true' paginatorPosition='bottom' rows='20' resizableColumns='true' rendered='#{!ITFactura.form}'

             paginatorAlwaysVisible='false' emptyMessage='' selectionMode='single' rowKey='#{x.id}' filteredValue='#{ITFactura.lsFiltered}' style='width:100%'>

  <p:ajax event='rowSelect' listener='#{ITFactura.uiRowEdit}' update='@(.ITFactura)'/>

  <z:columnT t='NIT'           v='#{x.nit}'           w='60px'/>

  <z:columnT t='Razon Social'  v='#{x.razonsocial}'/>

  <z:columnT t='Fac'           v='#{x.factura}'       w='35px'/>

  <z:columnT t='Autorizacion'  v='#{x.autorizacion}'  w='80px'/>

  <z:columnD t='Fecha'         v='#{x.fecha}'         w='60px'/>

  <z:columnN t='Importe'       v='#{x.importe}'       w='60px'/>

  <z:columnN t='ICE'           v='0'                  w='35px'/>

  <z:columnN t='Ext'           v='0'                  w='35px'/>

  <z:columnN t='Sujet IVA'    v='#{x.importe}'        w='70px'/>

  <z:columnN t='IVA'           v='#{x.iva}'           w='40px'/>

  <z:columnN t='Est'           v='#{x.estado}'        w='35px'/>

  <z:columnN t='Cod Control'   v='#{x.codigo}'        w='85px'/>

  <z:columnN t='IT'            v='#{x.it}'            w='35px'/>

  <z:columnT t='Venta'         v='#{x.documento}'     w='65px'/>

 <p:columnGroup type='footer'>

 <p:row>

   <p:column style='text-align:right' footerText='Total' colspan='5'/>
   <p:column style='text-align:right' footerText='#{ITFactura.sum[0]}'/>
   <p:column style='text-align:right' footerText='0'/>
   <p:column style='text-align:right' footerText='0'/>
   <p:column style='text-align:right;background:#edbc29' footerText='#{ITFactura.sum[0]}'/>
   <p:column style='text-align:right;background:#edbc29' footerText='#{ITFactura.sum[1]}'/>
   <p:column style='text-align:right' footerText='' colspan='2'/>
   <p:column style='text-align:right;background:#edbc29' footerText='#{ITFactura.sum[2]}'/>
   <p:column style='text-align:right' footerText=''/>

 </p:row>

 </p:columnGroup>

</p:dataTable>

</h:panelGroup>